* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;

}

body {
  min-width: 1350px;
  width: 1350px;
}

.title {
  height: 70px;
  /* background: red; */
  line-height: 70px;
  border-bottom: 1px solid #d7d7d7;
}

.title span {
  font-size: 22px;
}

/* 查询 */
.function {
  margin-top: 30px;
}

.function-top {
  display: flex;
}

.function-top span {
  display: inline-block;
  width: 5px;
  height: 20px;
  background: #000;
  margin-right: 20px;
}

.function-top h4 {
  font-size: 16px;
}

.sj {
  margin: 30px 0;
  display: flex;
}

.spl {
  margin: 0 30px;
  width: 77px;

}

/* 时间 */
.sj-box {
  display: flex;
  height: 32px;
  /* border: 1px solid; */
  margin-left: 30px;
}

.sj-box input {
  width: 100px;
  height: 30px;
  /* border: none; */
}

.to {
  height: 30px;
  width: 20px;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
  /* padding: 9px 0; */
  border-left: 1px solid;
  border-right: 1px solid;
}

/* 事件分类 */
.hjs{
  height: 30px;
}
.cation {
  position: relative;
  width: 180px;
  height: 30px;
  border: 1px solid;
  position: relative;
  left: 0;
}
.xl{
  position: absolute;
  width: 180px;
  border: 1px solid #666666;
  border-radius: 5px;
  margin-top: 5px;
  background: #fff;
  display: none;
}
.xl li:hover{
  background: #666666;
}
.bt {
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #1296db;
  color: #fff;
  margin-left: 15px;
  border-radius: 5px;
}

/* 表格 */
table.tftable {
  font-size: 12px;
  color: #333333;
  /* width: 600px; */
  margin: 10px;
  border-width: 1px;
  border-color: #a9a9a9;
  border-collapse: collapse;
}

table.tftable th {
  width: 173px;
  font-size: 12px;
  background-color: #b8b8b8;
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #a9a9a9;
  text-align: center;
}

table.tftable tr {
  background-color: #ffffff;
}

table.tftable td {
  text-align: center;
  font-size: 12px;
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #a9a9a9;
}
.submit{
  width: 122px;
  height: 25px;
  border-radius:5px ;
  border: 1px solid #797979;
}
/* 底部 */
.bottomNavigation{
  width: 1145px;
  margin:20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  height: 25px;
  line-height: 25px;

}
.bottomNavigation>ul{
  margin: 0;
  display: flex;

}
.bottomNavigation>ul li{
  width: 22px;
  height: 25px;
  border-radius:5px ;
  border: 1px solid #797979;
  line-height: 25px;
  margin: 0 5px;
}
.bottomNavigation>ul>button{
  width: 65px;
  height: 25px;
  border-radius:5px ;
  border: 1px solid #797979;
  margin:0 15px;
}
.bottomNavigation>ul>button:hover,.bottomNavigation>ul li:hover{
  background: #666666;
  color: #fff;
}